<%@page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/index.css"/>

</head>
<body class="main">
<!--头部-->
<div class="Header">
    <div class="head-first">
        <div class="box">
            <div class="head-title-one">北京2022年冬奥会</div>
            <div class="haed-title-time">2022.02.04-2022.02.20</div>
        </div>
    </div>
    <div class="head-daoh">
        <div class="daohang-one" onclick="window.location.href='index.jsp'">
            <span style="font-weight: 900; opacity: 1;">奖牌榜</span>
        </div>
        <div class="daohang-one" onclick="window.location.href='saicheng.html'">
            <span>赛程</span>
        </div>
        <div class="daohang-one" onclick="window.location.href='DAproject.html'">
            <span>东奥项目</span>
        </div>
        <div class="daohang-one">
            <span>赛区场馆</span>
        </div>
        <div class="daohang-one">
            <span>冬奥历史</span>
        </div>
    </div>
</div>
<!--中国奖牌-->
<div class="CN-box">
    <div class="CN-paim-box">
        <div class="box-one">
            <div class="cn-grade">中国第<span>1</span>名</div>
            <div class="little-title">2022年冬奥会奖牌榜</div>
        </div>
    </div>
    <div class="CN-get">
        <div class="CN-gold" style="margin-left: 60px;">
            <div class="gold-img"><img src="./img/87f7f3765960ea9ff14780cf3d3aed37.png" ></div>
            <span>7</span>
        </div>
        <div class="CN-gold">
            <div class="gold-img"><img src="./img/5f5b01f7473cf1f9058918f13bbe75cb.png" ></div>
            <span style="color: #7F7F7F;">4</span>
        </div>
        <div class="CN-gold">
            <div class="gold-img"><img src="./img/b9600bc4ebb1cbe5bd35a97af3cfc777.png" ></div>
            <span style="color: #FB7F32;">1</span>
        </div>
    </div>
</div>
<!--奖牌排名-->
<div class="ranking-box">
    <div class="head-list">
        <div class="rank-title">排名</div>
        <div class="rank-title-two">
            <div class="rank-mun">金牌</div>
            <div class="rank-mun">银牌</div>
            <div class="rank-mun">铜牌</div>
            <div class="rank-mun">总计</div>
        </div>
    </div>
    <c:forEach items="${list}" var="item" varStatus="s">
    <div class="country-rank">
        <div class="country-first">
            <div class="country-list-first">
                <div class="NOONE">${s.count}</div>
                <div class="flag-img"><a href="country.let?countryCode=${item.countryCode}"><img src="demo/down.let?file=${item.getCountryUri()}" ></a></div>
                <div class="country-name">${item.countryName}</div>
            </div>
            <div class="country-list-last">
                <div class="num">${item.num1}</div>
                <div class="num">${item.num2}</div>
                <div class="num">${item.num3}</div>
                <div class="num">${item.total}</div>
            </div>
        </div>
    </div>
    </c:forEach>
</div>
</body>
</html>
